<template>
  <div class="app-container">
    <order-page :page-name="pageName" />
  </div>
</template>

<script>
import OrderPage from './components/orderPage';
import bus from '@/utils/bus';

export default {
  components: {
    OrderPage
  },
  data() {
    return {
      pageName: 'TRASH'
    };
  },
  mounted() {
    bus.$on('pageChange', (data) => {
      this.pageName = data;
    });
  }
};
</script>
<style lang="scss" scoped>
.app-container {
  padding: 10px 0;
}
</style>
